<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Admin Simplenso - Blog Comments</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="HTML5 Admin Simplenso Template">
  <meta name="author" content="ahoekie">

  <!-- Bootstrap -->
  <link href="bootstrap/css/bootstrap.css" rel="stylesheet" id="main-theme-script">
  <link href="css/themes/default.css" rel="stylesheet" id="theme-specific-script">
  <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

  <!-- Full Calender -->
  <link rel="stylesheet" type="text/css" href="scripts/fullcalendar/fullcalendar/fullcalendar.css" />

  <!-- Bootstrap Date Picker --> 
  <link href="scripts/datepicker/css/datepicker.css" rel="stylesheet">
  
  <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
  <link rel="stylesheet" href="scripts/blueimp-jQuery-File-Upload/css/jquery.fileupload-ui.css">
  
  <!-- Bootstrap Image Gallery styles -->
  <link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/css/bootstrap-image-gallery.min.css">
  
  <!-- Uniform -->
  <link rel="stylesheet" type="text/css" media="screen,projection" href="scripts/uniform/css/uniform.default.css" />
  
  <!-- Chosen multiselect -->
  <link type="text/css" href="scripts/chosen/chosen/chosen.intenso.css" rel="stylesheet" />   

  <!-- Simplenso -->
  <link href="css/simplenso.css" rel="stylesheet">
  
  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <!-- Le fav and touch icons -->
  <link rel="shortcut icon" href="images/ico/favicon.ico">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head>
<body id="comments">
<!-- Top navigation bar -->
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="index.html">Simplenso</a>
      <div class="btn-group pull-right">
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="icon-user"></i> John Doe
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">Profile</a></li>
          <li><a href="#">Settings</a></li>
          <li><a class="cookie-delete" href="#">Delete Cookies</a></li>
          <li class="divider"></li>
          <li><a href="login.html">Logout</a></li>
        </ul>
      </div>
      <div class="nav-collapse">
        <ul class="nav">
          <li class="dropdown">
              <a href="#"
                    class="dropdown-toggle"
                    data-toggle="dropdown">
                    Messages <span class="badge badge-info">100</span>
                    <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                  <li><a href="#">Message 1</a></li>
                  <li><a href="#">Another message</a></li>
                  <li><a href="#">Something else message</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Older messages...</a></li>
              </ul>
          </li>
          <li class="dropdown">
                <a href="#"
                      class="dropdown-toggle"
                      data-toggle="dropdown">
                      Settings
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">Personal Info</a></li>
                    <li><a href="#">Preferences</a></li>
                    <li><a href="#">Alerts</a></li>
                    <li><a class="cookie-delete" href="#">Delete Cookies</a></li>
                </ul>
          </li>
          <li class="dropdown">
                <a href="#"
                      class="dropdown-toggle"
                      data-toggle="dropdown">
                      Theme
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                	<li><a class="theme-switch-default" href="#">Default</a></li>
                    <li><a class="theme-switch-amelia" href="#">Amelia</a></li>
                    <li><a class="theme-switch-cerulean" href="#">Cerulean</a></li>
                    <li><a class="theme-switch-cosmo" href="#">Cosmo</a></li>
                    <li><a class="theme-switch-journal" href="#">Journal</a></li>
                    <li><a class="theme-switch-readable" href="#">Readable</a></li>
                    <li><a class="theme-switch-simplex" href="#">Simplex</a></li>
                    <li><a class="theme-switch-slate" href="#">Slate</a></li>
                    <li><a class="theme-switch-spacelab" href="#">Spacelab</a></li>
                    <li><a class="theme-switch-spruce" href="#">Spruce</a></li>
                    <li><a class="theme-switch-superhero" href="#">Superhero</a></li>
                    <li><a class="theme-switch-united" href="#">United</a></li>
                </ul>
          </li>
          <li><a href="#">Help</a></li>
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div>
<!-- Main Content Area | Side Nav | Content -->
<div class="container-fluid">
  <div class="row-fluid">
    <!-- Side Navigation -->
    <div class="span2">
      <div class="member-box round-all">
        <a><img src="images/member_ph.png" class="member-box-avatar" /></a>
        <span>
            <strong>Administrator</strong><br/>
            <a>John Doe</a><br/>
            <span class="member-box-links"><a>Settings</a> | <a>Logout</a></span>
        </span>
      </div>
      <div class="sidebar-nav">
      	<div class="well" style="padding: 8px 0;">
        <ul class="nav nav-list">
          <li class="nav-header">Main</li>
          <li><a href="index.html"><i class="icon-home"></i> Dashboard</a></li>
          <li><a href="blogpost.html"><i class="icon-edit"></i> Add Blog Post</a></li>
          <li><a href="members.html"><i class="icon-user"></i> Members</a></li>
          <li class="active"><a href="comments.html"><i class="icon-comment"></i> Comments</a></li>
          <li><a href="gallery.html"><i class="icon-picture"></i> Gallery</a></li>
          <li><a href="calendar.html"><i class="icon-calendar"></i> Calendar</a></li>
          <li class="nav-header">Typography</li>
          <li><a href="typography.html"><i class="icon-font"></i> Typography</a></li>
          <li><a href="grid.html"><i class="icon-th-large"></i> Grid</a></li>
          <li><a href="portlets.html"><i class="icon-th"></i> Portlets</a></li>
          <li><a href="forms.html"><i class="icon-th"></i> Forms</a></li>
          <li><a href="tables.html"><i class="icon-align-justify"></i> Tables</a></li>
          <li><a href="other.html"><i class="icon-gift"></i> Other</a></li>
          <li class="nav-header">Cookies</li>
          <li><a class="cookie-delete" href="#"><i class="icon-wrench"></i> Delete Cookies</a></li>
          <li><a class="sidenav-style-1" href="#"><i class="icon-align-left"></i> Side Menu Style 1</a></li>
          <li><a class="sidenav-style-2" href="#"><i class="icon-align-right"></i> Side Menu Style 2</a></li>
          <li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
        </ul>
        </div>
      </div><!--/.well -->
    </div><!--/span-->

    <!-- Bread Crumb Navigation -->
	<div class="span10">
      <div>
        <ul class="breadcrumb">
          <li>
            <a href="index.html">Dashboard</a> <span class="divider">/</span>
          </li>
          <li>
            <a href="#">Blog</a> <span class="divider">/</span>
          </li>
          <li class="active">Comments</li>
        </ul>
      </div>

   <div class="row-fluid">
        <div class="span2 action-btn round-all">
        	<a href="#">
                <div><i class="icon-thumbs-down"></i></div>
                <div><strong>Unapproved</strong></div>
            </a>
        </div>
        <div class="span2 action-btn round-all">
	        <a href="#">
    	    	<div><i class="icon-thumbs-up"></i></div>
        	    <div><strong>Approved</strong></div>
            </a>
        </div>
        <div class="span2 action-btn round-all">
        	<a href="#">
                <div><i class="icon-trash"></i></div>
                <div><strong>Trash</strong></div>
            </a>
        </div>

        <div class="span2 action-btn round-all">
        	<a href="#">
	        	<div><i class="icon-ban-circle"></i></div>
    	        <div><strong>Spam</strong></div>
            </a>
        </div>
      </div>

 	<div class="row-fluid">
      	 <!-- Portlet Set 1 -->
         <div class="span12">
         	 <!-- Portlet: Fancy Portlets -->
             <div class="box">
              <h4 class="box-header round-top">Blog Comment Overview
                  <a class="box-btn" title="close"><i class="icon-remove"></i></a>
                  <a class="box-btn" title="toggle"><i class="icon-minus"></i></a>
                  <a class="box-btn" title="config" data-toggle="modal" href="#box-config-modal"><i class="icon-cog"></i></a>
              </h4>
              <div class="box-container-toggle">
                  <div class="box-content">
<table class="table table-striped table-bordered bootstrap-datatable">
				<thead>
					<tr>
						<th>ID</th>
						<th>Poster</th>
						<th>Comment</th>
						<th>In Response to</th>
					</tr>
				</thead>
				<tbody>

					<tr>
						<td>
							<div class="sort-index">0016</div>
							16						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>John</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-13 15:42:50</div>
							<div class="comment-info">Posted on <a href="">2012/05/13 on 15:42:50 uur</a>
							 | reply to <a href="#">Fred</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-0" data-dialog="post-reply-dialog-0"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ban-circle" title="Mark as Spam"></i> Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Post Title</a></div>
							<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0015</div>
							15						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Fred</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-13 15:42:09</div>
							<div class="comment-info">Posted on <a href="">2012/05/13 on 15:42:09 uur</a>
							 | reply to <a href="#">John</a></div>
							<div><p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">

									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-1" data-dialog="post-reply-dialog-1"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ban-circle" title="Mark as Spam"></i> Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							 </div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0014</div>
							14						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Batman</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-13 15:41:55</div>
							<div class="comment-info">Posted on <a href="">2012/05/13 on 15:41:55 uur</a>
							 | reply to <a href="#">Jane</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="#" data-dialog="post-reply-dialog-2"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ban-circle" title="Mark as Spam"></i> Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0013</div>
							13						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Angel</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-13 15:37:39</div>
							<div class="comment-info">Posted on <a href="">2012/05/13 on 15:37:39 uur</a>
							 | reply to <a href="#">Devil</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-3" data-dialog="post-reply-dialog-3"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ban-circle" title="Mark as Spam"></i> Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0012</div>
							12						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Bob</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-13 15:34:17</div>
							<div class="comment-info">Posted on <a href="">2012/05/13 on 15:34:17 uur</a>
							 | reply to <a href="#">Catwomen</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0011</div>
							11						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Garfield</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-13 15:33:13</div>
							<div class="comment-info">Posted on <a href="">2012/05/13 on 15:33:13 uur</a>
							 | reply to <a href="#">Hulk</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0001</div>
							1						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Paul</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							</div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0002</div>
							2						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Paul</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Paul</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0003</div>
							3						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Fred</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Bananaman</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0004</div>
							4						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Fred</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Garfield</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0005</div>
							5						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Garfield</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Spiderman</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0006</div>
							6						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Batman</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Hulk</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0007</div>
							7						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Bananaman</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Catwoman</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0008</div>
							8						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>James</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Sara</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0009</div>
							9						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Wendy</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Jack</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>

					<tr>
						<td>
							<div class="sort-index">0010</div>
							10						</td>
						<td style="width:300px;">
						<div>
						<span class="member-avatar">
						<img src="images/member_ph.png" class="dashboard-member-activity-avatar"/></span>
							<table class="member-info">
								<tr>
									<td>
										<strong>Chipmunk</strong>
									</td>
								</tr>
								<tr>
									<td>
										username@host.com								</td>
								</tr>
							</table></div>
						</td>
						<td>
							<div class="sort-index">2012-05-10 18:50:46</div>
							<div class="comment-info">Posted on <a href="">2012/05/10 on 18:50:46 uur</a>
							 | reply to <a href="#">Heman</a></div>
							<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam venenatis diam rhoncus malesuada. Nulla ut eros dolor. Cras condimentum congue erat id luctus. Vivamus vel sagittis tortor. Nam ac purus vitae mauris iaculis sodales ac at elit. Praesent quis sapien vehicula lorem posuere euismod. Mauris ut sem lorem. Duis vitae felis urna. Nulla mauris est, faucibus et egestas ac, lobortis consectetur arcu. Duis elementum aliquet interdum. Aenean at lacus sapien. Donec pulvinar vestibulum lacus sit amet sagittis. Fusce at ante commodo lacus suscipit sollicitudin nec in lectus. Vestibulum ultricies aliquam dui id bibendum. Morbi ornare molestie urna ornare euismod. Nam imperdiet arcu dapibus odio fermentum vitae mollis sapien tincidunt.</p>
							</div>
							<div class="post-toolbar">
									<a href="#"><i class="icon-thumbs-down" title="Unapprove Comment"></i> Unapprove</a> |
									<a class="post-reply-btn-4" data-dialog="post-reply-dialog-4"><i class="icon-comment" title="Reply"></i> Reply</a> |
									<a href="#"><i class="icon-pencil" title="Edit"></i> Edit</a> |
									<a href="#"><i class="icon-ok-circle" title="Verwijder Spam markering"></i> No Spam</a> |
									<a href="#"><i class="icon-trash" title="Delete"></i> Delete</a>
							</div>
						</td>
						<td style="width:300px;">
							<div><a href="#">Blog Title again</a></div>
							<div>
								<div>
								<a href="#" rel="tooltip" title="Show only comment for this blog post"><i class="icon-comment"></i></a>
								<a href="#" rel="tooltip" title="Edit blog post"><i class="icon-pencil"></i></a>
								<a href="#" rel="tooltip" title="Show blog post on main site"><i class="icon-globe"></i></a>
							</div>
							</div>
						</td>
					</tr>
								</tbody>
			</table>
                  </div>
              </div>
            </div><!--/span-->
         </div>
         <!-- Portlet Set 3 -->

    </div><!--/span-->
  </div><!--/row-->

  <footer>
    <p class="pull-right">&copy; Simplenso 2012</p>
  </footer>
    <div id="box-config-modal" class="modal hide fade in" style="display: none;">
      <div class="modal-header">
        <button class="close" data-dismiss="modal">×</button>
        <h3>Adjust widget</h3>
      </div>
      <div class="modal-body">
        <p>This part can be customized to set box content specifix settings!</p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn btn-primary" data-dismiss="modal">Save Changes</a>
        <a href="#" class="btn" data-dismiss="modal">Cancel</a>
      </div>
    </div>
</div><!--/.fluid-container-->
	<!-- javascript Templates
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- Google API -->
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

    <!-- Data Tables -->
    <script src="scripts/DataTables/media/js/jquery.dataTables.js"></script>

    <!-- jQuery UI Sortable -->
    <script src="scripts/jquery-ui/ui/minified/jquery.ui.core.min.js"></script>
	<script src="scripts/jquery-ui/ui/minified/jquery.ui.widget.min.js"></script>
	<script src="scripts/jquery-ui/ui/minified/jquery.ui.mouse.min.js"></script>
	<script src="scripts/jquery-ui/ui/minified/jquery.ui.sortable.min.js"></script>
    <script src="scripts/jquery-ui/ui/minified/jquery.ui.widget.min.js"></script>

    <!-- jQuery UI Draggable & droppable -->
    <script src="scripts/jquery-ui/ui/minified/jquery.ui.draggable.min.js"></script>
    <script src="scripts/jquery-ui/ui/minified/jquery.ui.droppable.min.js"></script>

    <!-- Bootstrap -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="scripts/bootbox/bootbox.min.js"></script>

	<!-- Bootstrap Date Picker -->
    <script src="scripts/datepicker/js/bootstrap-datepicker.js"></script>


    <!-- jQuery Cookie -->
    <script src="scripts/jquery.cookie/jquery.cookie.js"></script>

    <!-- Full Calender -->
    <script type='text/javascript' src='scripts/fullcalendar/fullcalendar/fullcalendar.min.js'></script>

    <!-- CK Editor -->
	<script type="text/javascript" src="scripts/ckeditor/ckeditor.js"></script>

    <!-- Chosen multiselect -->
    <script type="text/javascript" language="javascript" src="scripts/chosen/chosen/chosen.jquery.min.js"></script>

    <!-- Uniform -->
    <script type="text/javascript" language="javascript" src="scripts/uniform/jquery.uniform.min.js"></script>

    <!-- MultiFile Upload -->
    <!-- Error messages for the upload/download templates -->
	<script>
    var fileUploadErrors = {
        maxFileSize: 'File is too big',
        minFileSize: 'File is too small',
        acceptFileTypes: 'Filetype not allowed',
        maxNumberOfFiles: 'Max number of files exceeded',
        uploadedBytes: 'Uploaded bytes exceed file size',
        emptyResult: 'Empty file upload result'
    };
    </script>
    <!-- The template to display files available for upload -->
    <script id="template-upload" type="text/html">
    {% for (var i=0, files=o.files, l=files.length, file=files[0]; i<l; file=files[++i]) { %}
        <tr class="template-upload fade">
            <td class="preview"><span class="fade"></span></td>
            <td class="name">{%=file.name%}</td>
            <td class="size">{%=o.formatFileSize(file.size)%}</td>
            {% if (file.error) { %}
                <td class="error" colspan="2"><span class="badge badge-important">Error</span> {%=fileUploadErrors[file.error] || file.error%}</td>
            {% } else if (o.files.valid && !i) { %}
                <td>
                    <div class="progress progress-success progress-striped active"><div class="bar" style="width:0%;"></div></div>
                </td>
                <td class="start">{% if (!o.options.autoUpload) { %}
                    <button class="btn btn-primary">
                        <i class="icon-upload icon-white"></i> Start
                    </button>
                {% } %}</td>
            {% } else { %}
                <td colspan="2"></td>
            {% } %}
            <td class="cancel">{% if (!i) { %}
                <button class="btn btn-warning">
                    <i class="icon-ban-circle icon-white"></i> Cancel
                </button>
            {% } %}</td>
        </tr>
    {% } %}
    </script>
    <!-- The template to display files available for download -->
    <script id="template-download" type="text/html">
    {% for (var i=0, files=o.files, l=files.length, file=files[0]; i<l; file=files[++i]) { %}
        <tr class="template-download fade">
            {% if (file.error) { %}
                <td></td>
                <td class="name">{%=file.name%}</td>
                <td class="size">{%=o.formatFileSize(file.size)%}</td>
                <td class="error" colspan="2"><span class="badge badge-important">Error</span> {%=fileUploadErrors[file.error] || file.error%}</td>
            {% } else { %}
                <td class="preview">{% if (file.thumbnail_url) { %}
                    <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery"><img src="{%=file.thumbnail_url%}"></a>
                {% } %}</td>
                <td class="name">
                    <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}">{%=file.name%}</a>
                </td>
                <td class="size">{%=o.formatFileSize(file.size)%}</td>
                <td colspan="2"></td>
            {% } %}
            <td class="delete">
                <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
                    <i class="icon-trash icon-white"></i> Delete
                </button>
                <input type="checkbox" name="delete" value="1">
            </td>
        </tr>
    {% } %}
    </script>
    <!-- The Templates plugin is included to render the upload/download listings -->
    <script src="http://blueimp.github.com/JavaScript-Templates/tmpl.min.js"></script>
    <!-- The Load Image plugin is included for the preview images and image resizing functionality -->
    <script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script>
    <!-- The Canvas to Blob plugin is included for image resizing functionality -->
    <script src="http://blueimp.github.com/JavaScript-Canvas-to-Blob/canvas-to-blob.min.js"></script>
    <script src="http://blueimp.github.com/Bootstrap-Image-Gallery/js/bootstrap-image-gallery.min.js"></script>
    <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
    <script src="scripts/blueimp-jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
    <!-- The basic File Upload plugin -->
	<script src="scripts/blueimp-jQuery-File-Upload/js/jquery.fileupload.js"></script>
    <!-- The File Upload image processing plugin -->
    <script src="scripts/blueimp-jQuery-File-Upload/js/jquery.fileupload-ip.js"></script>
    <!-- The File Upload user interface plugin -->
    <script src="scripts/blueimp-jQuery-File-Upload/js/jquery.fileupload-ui.js"></script>
    <!-- The main application script -->
    <script src="scripts/blueimp-jQuery-File-Upload/js/main.js"></script>
    <!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ -->
    <!--[if gte IE 8]><script src="scripts/blueimp-jQuery-File-Upload/js/cors/jquery.xdr-transport.js"></script><![endif]-->
    
    <!-- Simplenso Scripts -->
    <script src="scripts/simplenso/simplenso.js"></script>
  </body>
</html>